import Taro from '@tarojs/taro';
import { useState, useEffect } from "react";
import { View } from '@tarojs/components';
import { getBranch } from '@/api/my';
import Loading from '@/components/loading';
import css from './index.module.less';

export default function Branch() {
    const [data, setData] = useState();
    const [visible, setVisible] = useState(true);
    const [userInfo, setUserInfo] = useState({});
    useEffect(() => {
        Taro.getStorage({
        key: 'userInfo',
        success: function (a) {
            setUserInfo(a.data);
        }
        });
    }, []);
    useEffect(() => {
        getBranch(2).then((value) => {
            setData(value.data);
            setVisible(false);
        });
    }, [userInfo]);
    const Item = (result) => {
        const value = result.data;
        return value.map((v) => {
            if(v.childrenPost !== null){
                return (
                    <View key={v.postName}>
                        <View>{`${v.postName}: ${v.partyName}`}</View>
                        {/* <View className={css.rrow}></View> */}
                        <Item data={v.childrenPost} />
                    </View>
                );
            } else {
                return (
                    <View key={v.postName}>
                        <View>{`${v.postName}: ${v.partyName}`}</View>
                    </View>
                );
            }
            
        });
    };
    // // 测试数据
    // const d = {
    //       "orgName": "教工第二党支部",
    //       "partyPost": [
    //         {
    //           "rank": 3,
    //           "postName": "教工第一党支部党员",
    //           "partyName": "李忠洁",
    //           "childrenPost": [
    //               {
    //                 "rank": 4,
    //                 "postName": "第8党支部党员",
    //                 "partyName": "zcc",
    //                 "childrenPost": [
    //                     {
    //                         "rank": 5,
    //                         "postName": "支部党员",
    //                         "partyName": "哈哈哈哈",
    //                         "childrenPost": null
    //                       }, 
    //                 ]
    //               }, 
    //               {
    //                 "rank": 4,
    //                 "postName": "第8党支部党员",
    //                 "partyName": "z123",
    //                 "childrenPost": null
    //               }
    //           ]
    //         },
    //         {
    //           "rank": 3,
    //           "postName": "教工第一党支部党员",
    //           "partyName": "代重阳",
    //           "childrenPost": null
    //         },
    //         {
    //           "rank": 3,
    //           "postName": "教工第一党支部党员",
    //           "partyName": "蒋其鑫",
    //           "childrenPost": [
    //             {
    //               "rank": 3,
    //               "postName": "第9党支部党员",
    //               "partyName": "123c",
    //               "childrenPost": null
    //             }
    //         ]
    //         }
    //       ]
    // };
    return (
        <View className={css.app}>
            <Loading visible={visible} />
            <View>
                <View className={css.title}>{data === undefined ? null : data.orgName}</View>
                {data === undefined ? null : <Item data={data.partyPost} />}
            </View>
        </View>
    );
}
